<template>
  <div class="my-result">{{ translateResult }}</div>
</template>

<script>
export default {
  name: 'TranslateResult',
  props: {
    translateResult: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped>
.my-result {
  min-height: 2.5em;
  max-height: 150px;
  text-align: left;
  padding: 0.375rem 0.75rem;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  overflow: auto;
}
</style>
